<template>
  <div class="content">
    <!-- 轮播图区域 -->
    <Silde></Silde>

    <!-- 推荐歌单区域 -->
    <TuijianSong></TuijianSong>

    <!-- 最新音乐区域 -->
    <NewMusic></NewMusic>

    <!-- 推荐MV区域 -->
    <Video></Video>
  </div>
</template>

<script>
import Silde from '@/components/Content/Swiper/Silde.vue'
import TuijianSong from '@/components/Content/TuijianSong/TuijianSong.vue'
import NewMusic from '@/components/Content/NewMusic/NewMusic.vue'
import Video from './Video/Video.vue'
import axios from '@/request/request.js'
export default {
  name: 'Content',
  methods: {
  },
  mounted() { },
  components: {
    Silde,
    TuijianSong,
    NewMusic,
    Video
  }
}
</script>

<style lang="less" scoped>
.content {
  box-sizing: border-box;
  margin: 150px auto;
  width: 60vw;
  height: 100%;
}
</style>